<%-- 
    Document   : Register
    Created on : Dec 17, 2011, 11:29:11 PM
    Author     : baphuc.nguyen.aptech@gmail.com
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Register</title>

<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="templatemo_header_wrapper">
	<div id="templatemo_header">
    
    	<div id="site_title">
            <a href="home.jsp"><span>TWO-WEEL and FOUR-WEEL</span></a>
        </div> <!-- end of site_title -->
        
        <div id="social_box">
        	<a href="#"><img src="images/stumbleupon.png" alt="stumbleupon" /></a>
            <a href="#"><img src="images/digg.png" alt="digg" /></a>
            <a href="#"><img src="images/facebook.png" alt="facebook" /></a>
            <a href="#"><img src="images/twitter.png" alt="twitter" /></a>
            <a href="#"><img src="images/feed.png" alt="feed" /></a>
        </div>
        <div id="templatemo_menu">
            <ul>
                <li><a href="home.jsp" >Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="product.jsp">Products</a></li>
                <li><a href="contact.jsp">Contact</a></li>
                <li><a href="register.jsp" class="current">Register</a></li>
                
            </ul>  
<table style="float: right">
                    <tr>
                        <td>
                            <label style="float: right" for="email">Email:</label>
                        </td>
                        <td>
                            <input name="email" type="text"  id="email" maxlength="60" style="float: right;background-color: black ;text-align: left;padding-top: 5px;border: 2px solid #102a61;width:140px;color:white"/>
                        </td>
                        <td><a href="">forgot account ?</a></td>
                    </tr>
                    <tr>
                        <td>
                            <label style="float: right" for="pass">Password:</label>
                        </td>
                        <td>
                            <input name="pass" type="password"  id="pass" maxlength="60" style="float: right;background-color: black;text-align: left;padding-top: 5px;border: 2px solid #102a61;width:140px;color:white"/>
                        </td>
                        <td>
                            <input type="submit" nam="login" value="login" style="background-color: #102a61;color: white"/>
                        </td>                                         
                    </tr>   
                </table>            
        </div>
    </div> <!-- end of header -->
</div> <!-- end of header wrapper -->

<div id="templatemo_main_wrapper">
	<div id="templatemo_main">
    
    	<div id="templatemo_content">
        
        	<h3>Information</h3>
                <p>Please enter your's information in blank</p>
            <div class="cleaner h40"></div>
           
            <div id="contact_form">
                <form>
                <h4>Register</h4>
                    
                     <label for="emai">Email:</label> <input name="email" type="text" class="input_field" id="email" maxlength="60" /> 
                    <div class="cleaner h10"></div>(account to login our web) 
                    
                    <label for="pass">Password:</label> <input name="pass" type="password" class="input_field" id="pass" maxlength="60" /> 
                    <div class="cleaner h10"></div>
                    
                    <label for="pass">Re-Password:</label> <input name="repass" type="password" class="input_field" id="repass" maxlength="60" /> 
                    <div class="cleaner h10"></div>
                            
                    <label for="fullname">Full name:</label> <input name="fullname" type="text" class="input_field" id="fullname" maxlength="60" /> 
                    <div class="cleaner h10"></div> 
                    
                   
                            
                    <label for="address">Address:</label> <input name="address" type="text" class="input_field" id="address" maxlength="200" /> 
                    <div class="cleaner h10"></div> 
 
                    <label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea> 
                    <div class="cleaner h10"></div> 
                            
                    <input type="submit" style="height: 25px" class="submit_btn float_l" name="submit" id="submit" value="Send" /> 
                    <input type="reset" style="height: 25px" class="submit_btn float_r" name="reset" id="reset" value="Reset" /> 
                        
                </form>

            </div> 
            <div class="cleaner"></div>	
        	
        </div> <!-- end of content -->
        
        <div id="templatemo_sidebar">
        	<div class="sidebar_box">
				<a href="home.jsp" target="_parent"><img src="images/templatemo_image_03.jpg" alt="banner" /></a> 
            </div>  
        	
            <div class="sidebar_box">
            	<h4>Categories</h4>
                <ul class="tmo_list">
                    <li><a href="index.jsp">Product</a></li>
                    <li><a href="index.jsp">Product</a></li>
                    <li><a href="index.jsp">Product</a></li>
                    <li><a href="index.jsp">Product</a></li>
                    <li><a href="index.jsp">Product</a></li>
                    <li><a href="index.jsp">Product</a></li>
                </ul>
            </div>
            
            
        </div>
    
    <div class="cleaner"></div>
    </div> <!-- end of main -->
</div> <!-- end of main wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    	
        <div class="footer_col_w300">
            <h4>Our Pages</h4>
            <ul class="tmo_list">
                <li><a href="home.jsp">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="product.jsp">Products</a></li>
                <li><a href="contact.jsp">Contact</a></li>
                <li><a href="register.jsp" >Register</a></li>
            </ul>            
        </div>
        
        <div class="footer_col_w300">
            <h4>Our Resources</h4>
            <ul class="tmo_list">
                <li><a href="#">Auto Ancillaries Limited</a></li>
                
            </ul>            
        </div>
        
        <div class="footer_col_w300 last">
            <h4>About Us</h4>
            <p>Auto Ancillaries Limited</p>
            <p>Copyright © eproject AAL <a href="#">Auto Ancillaries Limited</a> </p>
        </div>
    																	
		<div class="cleaner"></div>
    </div> 
</div> 

</body>
</html>
